<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
   /******************************************************************************
     Copyright:: 2020- IBM, Inc

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
  *****************************************************************************/
-->

<html lang="en">

<head>

    <title>RPT Test Suite</title>
</head>

<body>

    <a href="#navskip">skip to main content</a>

    <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->

    <h3>WAI-ARIA role valid children test</h3>

    <!-- Tree role missing required child treeitem.  The treeitem role follows the tree element - it's not a child. -->
    <p id="id0" role="tree">
        Content
    </p>
    <span role="treeitem">...</span>

    <ul id="id1" role="tree">
        <li>Content</li>
    </ul>

    <!-- Radiogroup role missing required child: radio element -->
    <div id="id2" role="radiogroup">
    </div>
    <input type="radio" id="radio1" name="radio1">

    <div id="id3" role="navigation tree">
        Tree markup goes here.
    </div>

    <!-- Menu role has invalid required child: tree -->
    <ul id="id4" role="menu">
        <li role="treeitem">Content</li>
    </ul>

	<table role=grid id=1_grid aria-label=1_grid onkeypress="keyEvent()">
   		<tbody role="cell">
         	<tr  role=cell tabindex=0 onkeypress="keyEvent()">
        		<th role=cell id="1_Chuck">  Chuck</th>
        		<th role=cell id="1_Amara">  Amara</th>
    		</tr>   
   		</tbody>             
	</table> 
	
		<fieldset>
    	<legend> Something else About you</legend>
      	  <div role=radiogroup aria-labelledby="radiogroupLabel" onkeypress="keyEvent()">  
      	  	<label><input type="radio"  role="menuitemradio" name="gender" id="male"   value="male"			aria-checked="false">Male   </label><br>
      	    <label><input type="radio"  role="menuitemradio" name="gender" id="female" value="female"		aria-checked="false">Female </label><br>
      	    <label><input type="radio"  role="menuitemradio" name="gender" id="alien"  value="alien"		aria-checked="false">Alien  </label><br>
      	  </div>
      	</fieldset> 
	
    <a name="navskip"></a>

    <script type="text/javascript">
        //<![CDATA[
        if (typeof(OpenAjax) == 'undefined') OpenAjax = {}
        if (typeof(OpenAjax.a11y) == 'undefined') OpenAjax.a11y = {}
        OpenAjax.a11y.ruleCoverage = [{
            ruleId: "1152",
            passedXpaths: [],
            failedXpaths: [
                "/html/body/p",
                "/html/body/ul[1]",
                "/html/body/div[1]",
                "/html/body/div[2]",
                "/html/body/ul[2]",
                "/html/body/table",
                "/html/body/fieldset/div"
            ]
        }];
        //]]>
    </script>
</body>

</html>